// 引入Count的UI组件
import CountUI from "../../components/Count"
import { 
  createIncrement, 
  createDecrement,
  createAsyncIncrement
} from "../../redux/count_action"
// 引入connect用于连接UI组件与redux
import {connect} from "react-redux"

// mapStateToProps 函数的返回值作为状态传递给了UI组件 --- 状态
// 这里的state 是react-redux自动帮你加上去的
const mapStateToProps = (state) => {
  // n作为props的key，900作为n的值传递给了UI组件
  return {count: state}
}

// mapDispatchToProps 函数的返回值为操作状态的方法传给了UI组价 ---- 状态操作方法
// 这里的dispatch 是react-redux自动帮你加上去的
const mapDispatchToProps = (dispatch) => {
  return {
    jia: data=> dispatch(createIncrement(data)),
    jian: data=> dispatch(createDecrement(data)),
    asyncJia: (data, time)=> dispatch(createAsyncIncrement(data, time))
  }
}


export default connect(mapStateToProps, mapDispatchToProps)(CountUI)